<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <!-- 链接 Font Awesome 样式文件 -->
        <link rel="stylesheet" href="font-awesome/css/font-awesome.css">

        <style type="text/css">
            .wrapper {
                height: 100px ;
                border: 1px solid blue ;
                margin: 15px ;
            }
        </style>
    </head>
    <body>


        <div class="wrapper">
            <!-- 首先写 fa  再写空格  再写 fa-图标名 -->
            <i class="fa fa-user" style="color:red;font-size: 36px;"></i>
            <i class="fa fa-user-o" ></i>
        </div>

        <div class="wrapper">
            <i class="fa fa-user"></i>
            <i class="fa fa-user fa-2x"></i>
            <i class="fa fa-user fa-5x"></i>
        </div>

        <div class="wrapper">
            <i class="fa fa-spinner fa-3x fa-spin"></i>
        </div>

    </body>
</html>